/**
 * 学习目标：创建React-函数组件
 */
import React from 'react';
import ReactDOM from 'react-dom';

// 创建上：💥
// 1. 组件名称必须大写字母开头
// 2. 函数需要返回一段JSX， 如果不需要渲染任何内容， 返回一个null
function Hello() {
  return null;
}

// ❌ 这是普通函数，不是React组件
function hello() {
  return 'hello React';
}

const divNode = (
  <>
    {/* 使用上💥 */}
    {/* 1. React组件对大小写敏感 */}
    <Hello></Hello>

    {hello()}
  </>
);

ReactDOM.render(divNode, document.getElementById('root'));
